﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
  <title>Title</title>
  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="keywords" content=""/>
  <meta name="description" content=""/>  
  <meta name="robots" content="index, follow" />
  <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,vietnamese,latin-ext' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="css/style.css" />
 
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
  <script type="text/javascript" src="js/functions.js"></script>
  <script type="text/javascript">
  $('#promo-banners #slide-show').cycle({
    fx:     'fade', 
    height: 300,
    timeout: 10000, 
    pager:  '#slides-pager .position' 
  });
  </script>
   <!--load menu horizontal-->
    <link rel="stylesheet" type="text/css" href="css/menu-horizontal.css" />
    <script type="text/javascript" src="js/menu-horizontal.js"></script>
   <!--end load menu horizontal--> 
</head>
<body>
<!--start LanguageBox-->

<div id="top">
  <div id="wrap-user-border">
    <div id="wrap-user-border2">
      <div id="wrap-user">
        <div id="user-message">Good morning <strong>Guest</strong></div>

        <!--end LanguageBox-->
        
        <!--start UserInfomation-->

        <ul id="user-menu">
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">My account</a></li>
        </ul>
      </div>
    </div>
  </div>
  
  <!--end UserInfomation-->
  <!--start Top banner-->

  <div id="header">
    <div id="header-top">
      <div id="wrap-logo">
        <a href="1_homepage.html"><img src="images/logo.png" alt="" /></a>
      </div>
      <div id="wrap-header-info">
        <div id="cart">
          <div id="cart-title">SHOPPING CART</div>
          <div id="cart-summarry">Total: <a href="#" class="items">2 items</a> Amout: <span class="price">$356</span></div>
        </div>
        <div id="work-hours">
          <div class="white-line">To buy or help call <strong>01-2345-6789</strong></div>
          <div class="pink-line">Tuesday to Sunday from 10AM to 7PM</div>
        </div>
      </div>
    </div>
   
   <!--end Top banner-->
   <!--start menu main-->

    <div id="header-bottom">
        <ul id="header-menu">
            <li><a href="2_homepage.html" class="active">HOME</a></li>
            <li><a href="1_homepage.html" class="inactive special">SƠN CÒI</a></li>
            <li><a href="2_homepage.html" class="inactive">ABOUT US</a></li>
            <li><a href="1_homepage.html" class="inactive">TIẾNG VIỆT</a></li>
            <li><a href="2_homepage.html" class="inactive">CHẠY TỐT</a></li>
            <li><a href="1_homepage.html" class="inactive">FAQ</a></li>
            <li><a href="2_homepage.html" class="inactive">CONTACT US</a></li>
        </ul>
        <div id="search">
        <form id="search-form" action="" method="post">
            <div style="float: left;"><input class="nice_search" type="text" name="search" value="Product search..." /></div>
            <div style="float: left;"><input class="nice_submit" type="submit" name="submit_search" value="" /></div>
        </form>
        </div>
    </div>
  </div>
</div>

    <!--end menu main-->
    <!--start content-->

    <!--start sitemap-->

<div id="wrap-content">
  <div id="breadcrumb">
    <a href="#" class="breadcrumbHome">Homepage</a><span class="seperator"> &nbsp; </span><a href="#">Computers</a><span class="seperator"> &nbsp; </span><a href="#">Laptops</a><span class="seperator"> &nbsp; </span><span>Dell</span>
  </div>
    
    <!--end sitemap-->
    <!--start category-->

  <div id="main-content">
    <div id="left-column">
      <div id="wrap-categories">
        <div class="wrap-title-black">
          <h2 class="nice-title">CATEGORIES</h2>
          <div class="expanded"></div>
        </div>
        <div class="sidebarmenu" >
            <ul id="sidebarmenu1">
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Folder 1</a>
              <ul>
              <li><a href="#">Sub Item 1.1</a></li>
              <li><a href="#">Sub Item 1.2</a></li>
              </ul>
            </li>
            <li><a href="#">Item 3</a></li>
            
            <li><a href="#">Folder 2</a>
              <ul>
              <li><a href="#">Sub Item 2.1</a></li>
              <li><a href="#">Folder 2.1</a>
                <ul>
                <li><a href="#">Sub Item 2.1.1</a></li>
                <li><a href="#">Sub Item 2.1.2</a></li>
                <li><a href="#">Sub Item 2.1.3</a></li>
                <li><a href="#">Sub Item 2.1.4</a></li>
                </ul>
              </li>
            </ul>
            </li>
            <li><a href="#">Item 4</a></li>
            </ul>
            </div>
      </div>

      <!--end category-->
      <!--start block-->
      
      <div class="left-block">
        <h2 class="nice-title2">NEWSLETTER</h2>
        <div class="block-content">
          <form id="newsletter-form" action="" method="post">
            <p class="info">Sign up for our weekly newsletter and stay up-to-date with the latest offers, and newest products.</p>
            <p><input id="newsletter-value" class="nice-i" type="text" name="newsletter-email" value="Enter your email" /></p>
            <p><input class="nice-s" type="submit" name="newsletter-submit" value="SUBMIT" /></p>
          </form>
        </div>
      </div>

      <!--end block-->
      <!--start block-->

      <div class="left-block">
        <h2 class="nice-title2">CUSTOMER SUPPORT</h2>
        <div class="block-content" style="padding: 0px; width: 230px;">
          <p class="support"><a href="#">Email Asisstance</a></p>
          <p class="support"><a href="#">FAQs</a></p>
          <p class="support" style="border-bottom: 0px;"><span>Call 1-800-123-4567</span></p>
        </div>
      </div>

       <!--end block-->
      <!--start block-->

      <div class="left-block">
        <div class="block-content2">
          <img src="images/paypal-cards.jpg" alt="paypal cards" />
        </div>
      </div>

      <div class="left-block">
        <h2 class="nice-title2">Product hot</h2>
        <div class="block-content" style="padding: 0px; width: 230px;">
                <ul id="related-products-nav">
                  <li>
                    <div class="image">
                      <a href="#"><img src="images/product-image-small.jpg" alt="" /></a>
                    </div>
                    <div class="info">
                      <h4><a href="#">Sony - Walkman 4GB* MP3 Player with FM Radio - Blue</a></h4>
                      <p>Our Price: <strong>$1899.99</strong></p>
                    </div>
                  </li>
                  <li>
                    <div class="image">
                      <a href="#"><img src="images/product-image-small.jpg" alt="" /></a>
                    </div>
                    <div class="info">
                      <h4><a href="#">Sony - Walkman 4GB* MP3 Player with FM Radio - Blue</a></h4>
                      <p>Our Price: <strong>$1899.99</strong></p>
                    </div>
                  </li>
                </ul>
           </div>
      </div>

    
      <div id="wrap-cart-summary">
        <div class="wrap-title-black">
          <h2 class="nice-title">CART SUMMARY</h2>
        </div>
        <div id="cart-summary">
           <span class="review-details">Total: <a href="#" class="items">2 items</a> Amout: <span class="price">$356</span></span> 
        </div>
      </div>


       <!--end block-->
      <!--end left colum block-->
      <!--start right colum-->

    </div>
    <div id="right-column">

      <!--start slive right-->
      <div id="promo-banners">
        <div id="slides-pager">
          <div class="position">
          </div>
        </div>
        <div id="slide-show">
          <a href="#"><img src="images/slideshow1.jpg" alt="" /></a>
          <a href="#"><img src="images/slideshow2.jpg" alt="" /></a>
          <a href="#"><img src="images/slideshow3.jpg" alt="" /></a>
        </div>
      </div>
      <!--end slive right-->

      <!--start content-->
      <div id="content">
        <div id="wrap-featured-products">

          <div class="wrap-title-black">
            <h1 class="nice-title">FEATURED PRODUCTS</h1><div class="list-type"><p>View as:</p><p><a href="1_homepage.html"><img src="images/list-type-row.png" alt="" /></a><a href="2_homepage.html"><img src="images/list-type-block.png" alt="" /></a></p></div>
          </div>

          <!--product list-->
          <ul class="inline-product-list">
            <li>
              <div class="product-photo"><a href="#"><img src="images/product-image-small.jpg" alt="" /></a></div>
              <div class="product-info">
                <h3><a href="#">Samsung 2333HD 23" Widescreen 1080p LCD HDTV / Monitor</a></h3>
                <p>Model: dv7-1245dx | SKU: 9166635<br/><br/><a href="#">Details</a></p>
              </div>
              <div class="product-reviews">
                <p>Customer reviews:</p>
                <div class="wrap-rating">
                  <ul class="star-rating">
                    <li><a href="#" title="1 star out of 5" class="one-star">1</a></li>
                    <li><a href="#" title="2 stars out of 5" class="two-stars">2</a></li>
                    <li><a href="#" title="3 stars out of 5" class="three-stars">3</a></li>
                    <li><a href="#" title="4 stars out of 5" class="four-stars">4</a></li>
                    <li><a href="#" title="5 stars out of 5" class="five-stars">5</a></li>
                  </ul>
                  <div class="rating-summary">3.0</div>
                </div>
                <p><a href="#">Read reviews (8)</a></p>
              </div>
              <div class="product-price"> 
                <p>$809.00</p>
                <p><a href="#" class="nice-a addcart">ADD TO CART</a></p>
              </div>
            </li>
            <li>
              <div class="product-photo"><a href="#"><img src="images/product-image-small.jpg" alt="" /></a></div>
              <div class="product-info">
                <h3><a href="#">Samsung 2333HD 23" Widescreen 1080p LCD HDTV / Monitor</a></h3>
                <p>Model: dv7-1245dx | SKU: 9166635<br/><br/><a href="#">Details</a></p>
              </div>
              <div class="product-reviews">
                <p>Customer reviews:</p>
                <div class="wrap-rating">
                  <ul class="star-rating">
                    <li><a href="#" title="1 star out of 5" class="one-star">1</a></li>
                    <li><a href="#" title="2 stars out of 5" class="two-stars">2</a></li>
                    <li><a href="#" title="3 stars out of 5" class="three-stars">3</a></li>
                    <li><a href="#" title="4 stars out of 5" class="four-stars">4</a></li>
                    <li><a href="#" title="5 stars out of 5" class="five-stars">5</a></li>
                  </ul>
                  <div class="rating-summary">3.0</div>
                </div>
                <p><a href="#">Read reviews (8)</a></p>
              </div>
              <div class="product-price"> 
                <p>$809.00</p>
                <p><a href="#" class="nice-a addcart">ADD TO CART</a></p>
              </div>
            </li>
            <li>
              <div class="product-photo"><a href="#"><img src="images/product-image-small.jpg" alt="" /></a></div>
              <div class="product-info">
                <h3><a href="#">Samsung 2333HD 23" Widescreen 1080p LCD HDTV / Monitor</a></h3>
                <p>Model: dv7-1245dx | SKU: 9166635<br/><br/><a href="#">Details</a></p>
              </div>
              <div class="product-reviews">
                <p>Customer reviews:</p>
                <div class="wrap-rating">
                  <ul class="star-rating">
                    <li><a href="#" title="1 star out of 5" class="one-star">1</a></li>
                    <li><a href="#" title="2 stars out of 5" class="two-stars">2</a></li>
                    <li><a href="#" title="3 stars out of 5" class="three-stars">3</a></li>
                    <li><a href="#" title="4 stars out of 5" class="four-stars">4</a></li>
                    <li><a href="#" title="5 stars out of 5" class="five-stars">5</a></li>
                  </ul>
                  <div class="rating-summary">3.0</div>
                </div>
                <p><a href="#">Read reviews (8)</a></p>
              </div>
              <div class="product-price"> 
                <p>$809.00</p>
                <p><a href="#" class="nice-a addcart">ADD TO CART</a></p>
              </div>
            </li>
          </ul>
          <!--end product list-->

          <!--paging-->
          <div id="wrap-pages">
            <div class="left">Page 2 of 16</div>
            <div class="right">
              <a href="#" class="previous-button"></a> 
              <a href="#">1</a>
              <a href="#">2</a>
              <a href="#" class="active">3</a>
              <a href="#">4</a>
              <a href="#">5</a>
              <a href="#">6</a>
              <a href="#" style="border: 0px;">7</a>
              <a href="#" class="next-button"></a> 
            </div>
          </div>
          <!--end paging-->

        </div>
        <!--end wrap-featured-products-->
      </div>
      <!--end content-->
    </div>
    <!--end right colum-->

  </div>
  <!--end main content-->
</div>
<!--end warp content-->

    <!--end content-->
 
<!--start footer-->
<!--start menu bottom-->   
<div id="footer">
  <div id="wrap-footer-links">
    <div id="footer-links">
      <div class="wrap-links">
        <h3>ORDER SUPPORT</h3>
        <ul>
          <li><a href="#">Order Status</a></li>
          <li><a href="#">Shipping &amp; Store Pickup</a></li>
          <li><a href="#">International Orders</a></li>
          <li><a href="#">Returns &amp; Refunds</a></li>
          <li><a href="#">Customer Service</a></li>
        </ul>
      </div>
      <div class="wrap-links">
        <h3>PRODUCT SUPPORT</h3>
        <ul>
          <li><a href="#">Order Support</a></li>
          <li><a href="#">Order Status</a></li>
          <li><a href="#">Shipping &amp; Store Pickup</a></li>
          <li><a href="#">International Orders</a></li>
          <li><a href="#">Store Pickup</a></li>
          <li><a href="#">Returns &amp; Refunds</a></li>
          <li><a href="#">Customer Service</a></li>
        </ul>
      </div>
      <div class="wrap-links">
        <h3>CREDIT CARDS</h3>
        <ul>
          <li><a href="#">Apply Now</a></li>
          <li><a href="#">Make a Payment</a></li>
          <li><a href="#">Card Benefits</a></li>
        </ul>
        <h3 style="margin-top: 10px;">REWARD ZONE PROGRAM</h3>
        <ul>
          <li><a href="#">Learn More</a></li>
          <li><a href="#">Check Your Points</a></li>
        </ul>
      </div>
      <div class="wrap-links">
        <h3>LEGAL</h3>
        <ul>
          <li><a href="#">Conditions of Use</a></li>
          <li><a href="#">Legal Notices</a></li>
          <li><a href="#">Privacy Policy</a></li>
          <li><a href="#">California Privacy Rights</a></li>
          <li><a href="#">Price Match Guarantees</a></li>
        </ul>
      </div>
    </div>
  </div>

  <!--end menu footer-->
  <!--start bottom-->
  
  <div id="wrap-bottom">
    <div id="bottom">
      <p class="left">2010 ProShopping - All rights reserved.</p>
      <div class="right"><p>Follow Us:</p><p><a href="#"><img src="images/skype-icon.png" alt="" /></a><a href="#"><img src="images/twiter-icon.png" alt="" /></a><a href="#"><img src="images/fb-icon.png" alt="" /></a></p></div>
    </div>
  </div>
</div>
<!--end footer-->

</body>
</html>